// 导入创建切片的方法
import { createSlice } from '@reduxjs/toolkit'

// 创建一个切片
const appSlice = createSlice({
    name: 'app', // 定义切片名称
    initialState: {
        // 初始状态
        collapsed: localStorage.getItem('collapsed') === 'true'
    },
    reducers: {
        // 修改状态的方法
        changeCollapsed(state, actions) {
            state.collapsed = actions.payload
            // 将状态保存在本地，防止数据丢失
            localStorage.setItem('collapsed', actions.payload)
        }
    }
})

// 导出修改方法
export const { changeCollapsed } = appSlice.actions

// 导出 reducer
export default appSlice.reducer